<template>
  <div>
    <van-tabbar active-color="#ee0a24" inactive-color="#000" v-model="actives" animated>
      <keep-alive>
        <van-tabbar-item icon="home-o" to="/Home">首页</van-tabbar-item>
      </keep-alive>
       <keep-alive>
        <van-tabbar-item icon="shop" to="/Video">影院</van-tabbar-item>
      </keep-alive>
      <!-- <keep-alive>
        <van-tabbar-item icon="shop" to="/Cinema">他的影院</van-tabbar-item>
      </keep-alive> -->
      <keep-alive>
        <van-tabbar-item icon="contact" to="/User">我的</van-tabbar-item>
      </keep-alive>
      <!-- <keep-alive>
        <van-tabbar-item icon="contact" to="/mine">我的</van-tabbar-item>
      </keep-alive> -->
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: "VueMovieTabBar",
  props: {
    active: {
      type: Number,
    },
  },
  data() {
    return { actives: this.active };
  },

  mounted() {},
  computed: {},
  methods: {},
};
</script>

<style lang="less" scoped>
</style>